<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                <title>Home</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
		<link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
		<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'home.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'info.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css/select2', file: 'select2.css')}" type="text/css">
                <link rel="stylesheet" href="${resource(dir: 'css', file: 'infoBox.css')}" type="text/css">
        <g:javascript library="jquery" />

        <r:layoutResources />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
        <g:javascript src="select2/select2.js" />
        <g:javascript src="home.js" />
  </head>
  <body>
    <g:render template="/main/header" />
    <div class="mainPage">
    <div class="text">
      <div class="left">
        <div class="generalInfo frame"><h1>NCI-60 proteome resource</h1>
          NCI60 proteome resource is a web application that facilitates comprehensive proteome analysis of the NCI-60 cell line panel. The NCI-60 is a set of 60 (now 59) human cancer cell lines from nine different tissues <u><a href="http://www.ncbi.nlm.nih.gov/pubmed/3051021" target="_blank" style="color: blue"> introduced in 1990</u></a>
          by the US National Cancer Institute (NCI) to screen for new anticancer agents. <br>
          The current database comprises a very high proteome coverage (more than half of human genome) and serves as a reference expression profiles of NCI-60 cell line panel. 
          As such it contains details about protein and peptide identifications together with the corresponding fragment spectra and quantitative information. 
          It also contains chromosome-centric view to identify the abundance and distribution of proteins whose genes are co-located on the same chromosome. 
          In addition, a simple interface allows to query for differential protein expression either by protein names or attributes such as ontology terms. The protein queries return the cell lines where protein expression has been reported. <br><br>

          To cite this resource, the primary reference is <a href="http://www.ncbi.nlm.nih.gov/pubmed/" target="_blank" style="color: blue"><u>(here)</u></a><br>
          <!--
          NCI60 proteome resource is described in more detail in the accompanying paper
          <a href="http://www.ncbi.nlm.nih.gov/pubmed/" target="_blank"><u>(here)</u></a>
          -->  

        </div>
        <div class="searchBox frame"><h1>Search for Proteins</h1>
          <g:set var="infoKey" value="${'search_bar'}" />
          <div class="query desc"><g:render template="../main/infoBox" />Search for</div>
          <g:form name="search" url="[controller:'Query', action:'proteins']">
            <input type="hidden" id="query" class="bigdrop" style="width:500px;" name="query" value="" />
            <input type="hidden" id="showDefault" name="showDefault" value="${true}" />
            <g:actionSubmit action="proteins" controller="query" value="Search" class="search"/>
            </br></br> <i style="margin-left: 4px;"> e.g. EGFR, IPI00012197, GO:0006626 </i></br>
          </g:form>
        </div>
        <div class="useCases frame"><h1>How to find information</h1>
          <div class="useCase">
            <div class="thumbnail">
            <img src="/NCI60/images/main/protein_exp.png" alt="work flow" style="width: 100%;"/>
            </div> <br/>
            <a href="/NCI60/query/proteins" target="_blank" style="font-weight: bold; color: blue"><u>Protein explorer</u></a> <br/>
            You can search for protein/gene name, synonym, GO category, experiment and etc. Start typing and autosuggest will help you narrow your search.
          </div>
          <div class="useCase">
            <div class="thumbnail">
              <img src="/NCI60/images/main/global_exp.png" alt="work flow" style="width: 100%;"/>
              </div> <br/>
            <a href="/NCI60/query/globalExpression" target="_blank" style="font-weight: bold; color: blue"><u>Global expression analysis</u></a> <br/>
            A simple interface allows you query for differential protein expression. The protein queries return the cell lines where protein expression has been reported.
          </div>
          <div class="useCase">
            <div class="thumbnail">
            <img src="/NCI60/images/main/chromosome.png" alt="work flow" style="height: 100%;"/>
            </div> <br/>
            <a href="/NCI60/proteinChromosome/list" target="_blank" style="font-weight: bold; color: blue"><u>Chromosome explorer</u></a> <br/>
            Chromosome-centric view provide the ability to identify the abundance and distribution of proteins whose genes are co-located on the same chromosome.
          </div>
          <div class="useCase">
            <div class="thumbnail">
            <img src="/NCI60/images/main/pep.png" alt="work flow" style="width: 100%;"/>
            </div> <br/>
            <a href="..." target="_blank" style="font-weight: bold">Annotation viewer</a> <br/>
            Annotation viewer provides a one-page summary of information for a given protein, its peptides and summaries of quantification from different experiments.
          </div>
          <div class="useCase">
            <div class="thumbnail">
            <img src="/NCI60/images/main/spectrumV.png" alt="work flow" style="width: 100%; height: 100%"/>
            </div> <br/>
            <a href="..." target="_blank" style="font-weight: bold">Spectrum viewer</a> <br/>
            This plug-in allows to view MS/MS spectra annotated with fragment ions.
          </div>
        </div>
      </div>
      <div class="right">
        <div class="statistics frame"><h1>Statistics</h1>
          Number of proteins: 10,350<br/>
          Number of genes: 8,739<br/>
          Number of peptides: 225,687<br/>
          Number of ms/ms spectra: 6,894,688<br/>
          Mean chromosome coverage: 44%<br/>
        </div>
        <div class="figure frame"><h1>Proteomics of the NCI-60 panel</h1>        
          <img src="/NCI60/images/main/fig1.jpg" alt="work flow" style="width: 100%;"/>
        </div>
      </div>
    </div>
    </div>    
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-774794-6']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
  </body>
</html>